<div class="detail" *ngIf="book">
  <div class="post-head application">
    <div class="container books">
      <div class="container-main">
        <img src="{{book.thumb}}">
        <p class="book-name">{{book.name}}</p>
        <ul>
          <li class="book-time"><i><img src="../../../assets/images/shijian.png"> </i>{{book.createTime | date:
            'y.MM.dd hh:mm:ss'}}
          </li>
          <li><i><img src="../../../assets/images/wenjian.png"> </i> <span>{{book.suffix}}</span> <span
            style="    text-decoration: none;">{{book.fileSize | filePipe}}</span></li>
          <li><i><img src="../../../assets/images/xiazai.png"> </i>{{book.pushCount==null?0:book.pushCount.count}}</li>
        </ul>
      </div>
      <div class="jiathis_style">
        <a ><img src="../../../assets/images/weibo.png"> </a>
        <a ><img src="../../../assets/images/weixing.png"> </a>
        <a ><img src="../../../assets/images/douban.png"></a>
        <a ><img src="../../../assets/images/qq.png"></a>
      </div>
    </div>
  </div>
  <div class="container">

    <!--图书介绍-->
    <div class="main row m-b-20 m-t-20">
      <div class="col-lg-8 col-md-9 col-xs-12">
        <ul class="content-abstract">
          <li>图书简介</li>
          <li>
            <p>书名 : {{book.name}}</p>
            <p>作者 : {{book.author}}</p>
            <p>格式 : {{book.suffix}}</p>
          </li>
        </ul>
        <ul class="content-abstract">
          <li>内容简介</li>
          <li>{{book.description}}</li>
        </ul>
        <ul class="content-abstract">
          <li>常用标签</li>
          <li id="keywords-li">
            <div class="keywords">
              <a *ngFor="let v of book.keywordArray;">{{v}}</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="col-lg-4 col-md-3 col-xs-12">
        <ul class="download">
          <li>推送量</li>
          <li>{{book.pushCount==null?0:book.pushCount.count}}</li>
          <li (click)="onMoneyClick(1)">打赏</li>
          <div class="download-btn">
            <div class="btn-wrap">
              <span [ngClass]="selItem == 0 ? '' : 'select-item-1' "></span>
              <a (mouseenter)="onitemClick(0)" (click)="onPushClick(1)">推送图书</a>
              <a (mouseenter)="onitemClick(1)" (click)="DownBook()">下载图书</a>
            </div>
          </div>
        </ul>
        <div class="adm-box-1 hidden-sm">

        </div>
      </div>
    </div>

    <!--版权声明-->
    <div class="row m-b-20">
      <div class="col-md-12">
        <div class="white-box">
          <div class="lim-tip-box">
            <p>本站所有资源均来源于网友交流，仅供网络测试，请在24小时内删除所下内容,请支持正版！</p>
            <p>推送前需添加"kindlezhuli@qq.com"为认可电子邮箱。</p>
            <p>详见:
              <a href="http://kindle.biedeng.com/web/#/guide" target="_blank">[教程]添加认可邮箱</a>
            </p>
          </div>
        </div>
      </div>
    </div>

    <!--广告-->
    <div class="row m-b-20">
      <div class="col-md-12">
        <div class="adm-box">
        </div>
      </div>
    </div>

    <!--评论-->
    <div class="row m-b-20">
      <div class="col-md-12">

        <!--评论text-->
        <div class="row">
          <div class="col-md-10 col-xs-12">
            <textarea type="text" class="form-control" id="comment-text" rows="2" [(ngModel)]="commentText"
                      placeholder="来说两句吧..."></textarea>
          </div>
          <div class="col-md-2 col-xs-12">
            <button type="button" id="comment-submit-btn" (click)="submitComment()" class="btn btn-primary btn-block">
              提交留言
            </button>
          </div>
        </div>
        <!--评论title-->
        <div class="row p-rl-20">
          <div class="cmt-list-type">
            <ul class="clear-g type-lists">
              <li class="type-list active">评论</li>
            </ul>
            <div class="cmt-list-border"></div>
            <div class="cmt-list-number">
              <span class="comment-number"><span
                class="cy-number">{{commentCount}}</span>条评论</span>
            </div>
          </div>
        </div>

        <!--评论List-->
        <div class="row p-rl-20">
          <div class="cmt-list">
            <div class="cmt-item row" *ngFor="let c of commentList">
              <div class="col-xs-2 col-md-1">
                <img src="{{c.userFace}}" width="42" class="img-circle"
                     height="42" alt="">
              </div>
              <div class="col-xs-10 col-md-11">
                <div class="row wrap-user-gw">
                  <span class="user-time-gw">{{c.createTime | date: 'y 年 MM 月 dd 日 hh:mm'}}</span>
                  <span class="user-name-gw">{{c.userName}}</span>
                </div>
                <div class="row wrap-issue-gw">
                  <span class="wrap-word-gw">
                    {{c.content}}
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <!--广告-->
    <div class="row m-b-20">
      <div class="col-md-12">
        <div class="adm-box">
        </div>
      </div>
    </div>

  </div>
</div>

<!--打赏弹窗-->
<div class="remuneration col-lg-4 col-md-6 col-sm-8 col-xs-8" [ngClass]="money == 1 ? 'click':'hid'">
  <img class="cy-avatar" src="../../../assets/images/biedengtushu.png">
  <div class="cy-reward-title">感谢你的支持，我会继续努力！</div>
  <div class="cy-reward-code">
    <img src="../../../assets/images/shoukuan.png">
  </div>
  <div class="cy-reward-txt">
    扫码打赏，建议金额1-10元
  </div>
  <div class="platform-item">
    <img src="../../../assets/images/wechat.jpg">
  </div>
  <p>Powered By 别等图书</p>
  <p>提醒：打赏金额将直接进入对方账号，无法退款，请您谨慎操作。</p>
  <div class="cy-close-btn" (click)="onMoneyClick(0)"></div>
  <div class="cy-fill-box"></div>
</div>

<!--推送弹窗-->
<div class="remuneration col-lg-4 col-md-6 col-sm-8 col-xs-8" [ngClass]="push == 1 ? 'click':'hid'">
  <div class="push-box">
    <p *ngIf="emailValue">请选择推送邮箱地址</p>
    <p *ngIf="emailValue==null">请前往个人中心添加推送邮箱</p>
    <div class="radio" *ngFor="let e of emailList">
      <label>
        <input type="radio" name="emailOption" id="emailOption" [(ngModel)]="emailValue" value="{{e.mail}}">
        {{e.mail}}
      </label>
    </div>
    <button type="button" class="btn btn-primary" (click)="pushBook()" *ngIf="emailValue!=null">推送</button>
  </div>
  <div class="cy-close-btn" (click)="onPushClick(0)"></div>
  <div class="cy-fill-box"></div>
</div>
